
/* 加长版label 14字符 */
.layui-form-label-extend {
    width: 100px;
}
.layui-input-block-extend {
    margin-left: 130px;
}

/* 超长版label 16字符 */
.layui-form-label-extend-extend {
    width: 112px;
}
.layui-input-block-extend-extend {
    margin-left: 142px;
}

/* 必填项 加在label上 */
.layui-form-required:before {
    content: "*\00A0\00A0";
    display: inline-flex;
    color: #ff0000;
}

/* 行内的 p 标签 */
.layui-form-item-p {
    line-height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/**
 * 行内的 p 标签的备注样式
 * 会将文字显示完整
 */
.layui-form-item-remark{
    padding: 7px 0;
    word-wrap: break-word;
}

/* 表格中的操作下拉菜单 */
.table-bar-tips {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 90px;
    background: #fff;
    text-align: center
}

/* 窗口中用于抵消浮动的 [保存/取消] 高度的样式 */
.layui-window{
    margin-bottom: 64px;
}
.layui-window .layui-layout-admin .layui-footer{
    left: 0;
    z-index: 99;
}


/* 表格的可修改效果 */
.layui-table-box td[data-edit="text"] .layui-table-cell{
    border-radius: 1px;
    border: 1px solid  #d2d2d2;
}

.layui-table-box td[data-edit="text"] .layui-table-edit {
    text-align: center;
    top: 3px;
    height: 28px;
    line-height: 28px;
}

/* 背景呼吸闪烁效果-循环 */
.shine{
    animation: shine 2s 100000;
}
@keyframes shine{
    50% {
        background-color: transparent;
    }
}

/* 圆角矩形样式 目前用于表格显示 使用span容器 */
.zmn-rounded-rectangle{
    /*width:50px;*/
    color:white;
    background-color: #2c2c2c;
    padding: 6px 12px;
    border-radius:8px;
}



/* 自定义配色 */
.zmn-color-sunlight{
    color:white;
    background-color: #FFCC00;
}
.zmn-color-violet{
    color:white;
    background-color: #6699FF;
}
.zmn-color-crystal{
    color:white;
    background-color: #99CCCC;
}
.zmn-color-Tianyi{
    color:white;
    background-color: #66CCFF;
}
.zmn-color-lake{
    color:white;
    background-color:#1E9FFF;
}
.zmn-color-orange{
    color:white;
    background-color: #FF5722;
}
.zmn-color-cowboy{
    color:white;
    background-color: #2F4056;
}
.zmn-color-gray{
    color:white;
    background-color: #666666;
}
.zmn-color-light-gray{
    color:white;
    background-color: #CCCCCC;
}


/* 图片上传插件样式 */
.zmn-upload-div-img {
    margin: 10px 0 10px 0;
    width: 200px;
    height: 200px;
    border-radius: 3px;
    border: 1px solid #d8d8d8;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.zmn-upload-div {
    display: inline-block;
    vertical-align: top;
}
.zmn-upload-div > div {
    width: 200px;
    border-radius: 3px;
    padding: 13px;
    margin: 10px;
    border: 1px solid #d8d8d8;
}
.zmn-upload-div > div > div {
    text-align: center
}
.zmn-upload-div > div > div:last-child {
    margin: 0 0 5px 0;
}